.validation {
    border-color: rgb(255,64,64);
    border-width: 1px;
    border-style: dotted;
    background-color: rgb(255,208,208);
    padding: 0.3em;
    padding-left: 64px;
    margin-bottom: 1em;
    list-style-type: none;
}

.validation p {
    margin-top: 0.1em;
    margin-bottom: 0.1em;
}

.inputField {
    margin-top: 1em;
    margin-bottom: 1em;
}

.inputHelp {
    font-style: italic;
    font-size: 85%;
    color: rgb(128,128,128);
    margin-left: 0.5em;
}

.dataTable {
    border-collapse: separate;
    border-width: 1px;
    border-color: rgb(160,160,160);
    border-style: solid;
    font-size: 85%;
    font-family: Arial, sans-serif;
}

.dataTable tr.even {
    background-color: rgb(242,242,242)
}

.dataTable td, .dataTable th {
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}

.dataTable thead {
    border-width: 1px;
    border-color: rgb(160,160,160);
    border-style: solid;
    background-color: rgb(220,220,220);
    font-weight: bold;
    text-align: center;
}

/* workaround */
.dataTable thead {
    border-width: 1px;
    border-color: rgb(160,160,160);
    border-bottom-style: solid;
    background-color: rgb(220,220,220);
}

.paginator {
    text-align: center;
    margin: 1em;
}

.page-buttons {
    clear: both;
    text-align: center;
    padding: 0.5em;
    font-size: 85%;
    font-family: "Trebuchet MS", sans-serif;
}

.page-buttons a {
    padding: 4px;
    min-width: 24px;
    border: solid 1px rgb(85,85,85);
    color: black;
    text-decoration: none;
}

.page-buttons a:hover {
    background-color: rgb(244,244,244);
}

.page-buttons span.current-page {
    padding: 4px;
    min-width: 24px;
    border: solid 1px rgb(85,85,85);
    color: black;
    background-color: rgb(214,214,214);
}